<ion-header>
    <ion-navbar>
        <ion-title>
        用户登录案例
        </ion-title>
    </ion-navbar>
    </ion-header>
<ion-content>
    <h1>用户案例</h1>
   
  
    <ion-list> 
        <ion-item> 
            <ion-label floating>用户名</ion-label> 
            <!--这个input标签不能直接结尾-->
            <ion-input type="text" [(ngModel)]="user.username" ></ion-input> 
        </ion-item> 
        <ion-item> 
            <ion-label floating>密码</ion-label> 
            <!--这个input标签不能直接结尾-->
            <!--不同的type ，调用不同的键盘类型-->
            <ion-input type="password" [(ngModel)]="user.password" ></ion-input> 
        </ion-item> 
        <ion-item>
            <ion-label>记住我</ion-label>
            <!--checked 是否选中、
                disabled 是否可用
                value 值-->
            <ion-toggle [(ngModel)]="remember"></ion-toggle>
        </ion-item>
        
    </ion-list>
    <button ion-button (click)="login()">登录</button>
    <p>密码:{{user.password}}</p>
    <p>用户名:{{user.username}}</p>
    <p>记住我:{{remember}}</p>

</ion-content>